<%@ page contentType="text/html;charset=UTF-8" trimDirectiveWhitespaces="true"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ include file="/WEB-INF/views/include/constrant.jsp"%>
<!DOCTYPE html>
<html>
<head>
<%@ include file="/WEB-INF/views/wx/include/head.jsp" %>
<style>
	.mui-grid-view .mui-table-view-cell {background-color:#ffffff !important;}
	.head-img {
		position:absolute;
		top:10px;
		right:10px;
		z-index:9;
		width: 84px;
		height: 32px;
		-moz-opacity:0.5;
		opacity:0.5;
	}
	.small-title {
		font-size: 14px;
		text-align: center;
		margin: 10px;
		color:#8f8f94;
	}
	.img4 {width:60%;}
	.mui-badge { border-radius: 5px;border:1px solid #8f8f94;background-color:#ffffff;color:#8f8f94;padding: 1px 4px !important;}
	.badge-primary { border:1px solid #00ADA9;color:#00ADA9;}
	.realsche-money {position:absolute;top:23px;right:15px;color:#f0ad4e;font-size:18px;}
	.realsche-img {width:48px;height:13px;padding-left:10px;padding-right:5px;}
	.realsche-time {color:#000000;font-size: 14px;}
	.realsche-title {font-size:16px;color:#000000;margin-top:3px;}
	.qi{font-size:12px !important;}
</style>
</head>
<body>
	<%@ include file="/WEB-INF/views/wx/include/nav.jsp"%>
	<div class="mui-content">
		<%-- <img class="head-img" src="${ctxStatic }/xiake/images/logo.png" /> --%>
		<c:if test="${not empty sysAdsList }">
			<div id="slider" class="mui-slider">
				<div class="mui-slider-group mui-slider-loop">
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="${pageContext.request.contextPath}${sysAdsLast.linkurl }">
							<img src="${sysAdsLast.pageurl }">
							<span class="mui-slider-title">${sysAdsLast.atitle }</span>
						</a>
					</div>
					<c:forEach items="${sysAdsList }" var="sysAds">
						<div class="mui-slider-item mui-slider-item-duplicate">
							<a href="${pageContext.request.contextPath}/${sysAds.linkurl }">
								<img src="${sysAds.pageurl }">
								<span class="mui-slider-title">${sysAds.atitle }</span>
							</a>
						</div>
					</c:forEach>
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="${pageContext.request.contextPath}/${sysAdsFirst.linkurl }">
							<img src="${sysAdsFirst.pageurl }">
							<span class="mui-slider-title">${sysAdsFirst.atitle }</span>
						</a>
					</div>
				</div>
				<div class="mui-slider-indicator">
					<c:forEach items="${sysAdsList }" var="sysAds" varStatus="i">
						<div class="mui-indicator ${i.index == 0?'mui-active':'' }"></div>
					</c:forEach>
				</div>
			</div>
		</c:if>
		<ul class="mui-table-view mui-grid-view mui-grid-9">
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
				<a href="${ctxWx}/pu/rentproduct/query?rentType=${ORDER_TYPE_RENTPRODUCT_DAY}&tabType=市内">
					<img class="img4" src="${ctxStatic }/modules/wx/images/dayRent.png">
					<span class="mui-media-body">按天包车</span>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
				<a href="${ctxWx}/pu/rentproduct/query?rentType=${ORDER_TYPE_RENTPRODUCT_TRAVEL}">
					<img class="img4" src="${ctxStatic }/modules/wx/images/travelRent.png">
					<span class="mui-media-body">旅游包车</span>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
				<a href="${ctxWx}/pu/rentproduct/query?rentType=${ORDER_TYPE_RENTPRODUCT_AIRPLANE}&tabType=接机">
					<img class="img4" src="${ctxStatic }/modules/wx/images/airportRent.png">
					<span class="mui-media-body">接送机</span>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
				<a href="${ctxWx}/pu/rentproduct/query?rentType=${ORDER_TYPE_RENTPRODUCT_TRAIN}&tabType=接火车">
					<img class="img4" src="${ctxStatic }/modules/wx/images/trainRent.png">
					<span class="mui-media-body">接送火车</span>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
				<a href="${ctxWx}/pu/demands/form">
					<img class="img4" src="${ctxStatic }/modules/wx/images/airportRealsche.png">
					<span class="mui-media-body">定制包车</span>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
				<a href="${ctxWx}/pu/realsche/query">
					<img class="img4" src="${ctxStatic }/modules/wx/images/viewportRealsche.png">
					<span class="mui-media-body">AA拼车</span>
				</a>
			</li>
		</ul>
		<!-- <div class="small-title">已开通旅行班车</div> -->
		<%-- <ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
			<li class="mui-table-view-cell pos-relative opend-realsche" data-url="${ctxWx }/pu/realsche/list?departdateStr=${today gt '2016-12-28'? today:'2016-12-28' }&boardaddrName=上海市&offaddrName=天目湖&offaddr=98&schetype=1&boardaddr=92&ordertype=${TORDERS_ORDER_TYPE_REALSCHE_SELF_TRAVEL }">
				<p class="mui-h6 mui-ellipsis">
					<span class="realsche-time">07:30</span>
					<span class="mui-badge">直通车</span>
					<span class="mui-badge badge-primary">单程</span>
				</p>
				<p class="realsche-title">上海<img class="realsche-img" src="${ctxStatic }/modules/wx/images/hot-city-left.jpg" />天目湖</p>
				<span class="realsche-money"><i class="icon-yen"></i>90<span class="qi">起</span></span>
			</li>
		</ul>
		<ul class="fix-top-5 fix-bottom mui-table-view mui-table-view-striped mui-table-view-condensed">
			<li class="mui-table-view-cell pos-relative opend-realsche" data-url="${ctxWx }/pu/realsche/list?departdateStr=${today gt '2016-12-28'? today:'2016-12-28' }&boardaddrName=上海市&offaddrName=天目湖&offaddr=98&schetype=2&boardaddr=92&ordertype=${TORDERS_ORDER_TYPE_REALSCHE_SELF_TRAVEL }">
				<p class="mui-h6 mui-ellipsis">
					<span class="realsche-time">07:30</span>
					<span class="mui-badge">直通车</span>
					<span class="mui-badge badge-primary">往返</span>
				</p>
				<p class="realsche-title">上海<img class="realsche-img" src="${ctxStatic }/modules/wx/images/hot-line-lr.jpg" />天目湖</p>
				<span class="realsche-money"><i class="icon-yen"></i>160<span class="qi">起</span></span>
			</li>
		</ul> --%>
	</div>
	<c:set var="include_menu" value="yes"/>
	<%@ include file="/WEB-INF/views/wx/include/script.jsp"%>
	<script type="text/javascript">
		$(function(){
			// 已开通旅游班车点击事件
			$('.opend-realsche').on('tap',function(){
				window.location.href=$(this).attr('data-url');
			});
		});
	</script>
</body>
</html>